let quickData = {
    theatreId: '',  // 选中的影院id
    movieId: '', // 选中的电影id
    showDate: '', // 排片日期
    showTime: '', // 排片事件
}

// 获取并渲染所有的影院
showTheatreSelect();


// 切换影院（第1个）
theatreSelectEle.onchange = function (e) {
    quickData.theatreId = e.target.value;
    // 根据选中的影院来展示电影
    showMovieSelect({
        theatreId: e.target.value  // 选中的影院的_id
    });
}

// 切换电影（第2个）
movieSelectEle.onchange = function (e) {
    quickData.movieId = e.target.value;
    showScheduleDateSelect();
}

// 切换日期（第3个）
dateSelectEle.onchange = function (e) {
    quickData.showDate = e.target.value;
    showScheduleTimeSelect();
}

// 切换时间（第4个）
timeSelectEle.onchange = function (e) {
    quickData.showTime = e.target.value;
}

buyBtnEle.onclick = function () {
    // 发请求获取排片的_id
    getScheduleData(quickData)
        .then(res => {
            if (res.data.rows.length > 0) {
                sessionStorage.scheduleId = res.data.rows[0]._id;
                location.href = './seat.html';
            }
        })
}


// 展示排片时间的下拉列表(发请求、渲染)
function showScheduleTimeSelect() {
    // 根据影院、电影，获取排片数据
    getScheduleData({
        theatreId: quickData.theatreId,
        movieId: quickData.movieId,
        showDate: quickData.showDate
    })
        .then(res => {
            if (res.code == 200) {
                console.log(res.data.rows);
                scheduleTimeSelectRender(res.data.rows);
            }
        })
}

// 渲染排片时间的下拉列表
function scheduleTimeSelectRender(data) {
    timeSelectEle.innerHTML = data.map(item => {
        return (
            `<option value="${item.showTime}">${item.showTime}</option>`
        )
    }).join('')
}


// 展示排片日期的下拉列表(发请求、渲染)
function showScheduleDateSelect() {
    // 根据影院、电影，获取排片数据
    getScheduleData({
        theatreId: quickData.theatreId,
        movieId: quickData.movieId
    })
        .then(res => {
            if (res.code == 200) {
                console.log(res.data.rows);
                scheduleDateSelectRender(res.data.rows);
            }
        })
}

// 渲染排片日期的下拉列表
function scheduleDateSelectRender(data) {
    dateSelectEle.innerHTML = data.map(item => {
        return (
            `<option value="${item.showDate}">${item.showDate}</option>`
        )
    }).join('')
}



// 展示电影的下拉列表(发请求、渲染)
function showMovieSelect(params) {
    // 调用getMovieData来发送请求，同时传递参数params给请求
    getMovieData(params)
        .then(res => {
            if (res.code == 200) {
                movieSelectRender(res.data.rows);
            }
        })
}

// 渲染电影的下拉列表
function movieSelectRender(data) {
    movieSelectEle.innerHTML = data.map(item => {
        // 因为后续要获取选中的电影_id，因此value绑定_id
        return (
            `<option value="${item._id}">${item.name}</option>`
        )
    }).join('')
}


// 展示影院的下拉列表(发请求、渲染)
function showTheatreSelect() {
    getTheatreData()
        .then(res => {
            if (res.code == 200) {
                theatreSelectRender(res.data);
            }
        })
}

// 渲染影院的下拉列表
function theatreSelectRender(data) {
    theatreSelectEle.innerHTML = data.map(item => {
        // 因为后续要获取选中的影院_id，因此value绑定_id
        return (
            `<option value="${item._id}">${item.name}</option>`
        )
    }).join('')
}





